.timeLineBox {
  .timeLineItemTxt {
    display: inline-block;
    padding: 10px 20px;
    background: red;
    border-radius: 5px;
  }
  :global {
    .ant-timeline-item-left .ant-timeline-item-content {
      .flexTimeBox {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        .flexTimeBoxIcon{
          top: 6px;
          position: absolute;
          width: 0;
          left: -8px;
          height: 0;
          // border-right: 6px solid red;
          border-top: 6px solid transparent;
          border-bottom: 6px solid transparent;
        }
      }
    }
    .ant-timeline-item-right .ant-timeline-item-content {
      .flexTimeBox {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        .flexTimeBoxIcon{
          top: 6px;
          position: absolute;
          width: 0;
          right: -8px;
          height: 0;
          // border-left: 6px solid red;
          border-top: 6px solid transparent;
          border-bottom: 6px solid transparent;
        }
      }
    }
    .ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content{
      width: calc(50% - 20px) !important;
    }
  }
}

// .timeLineBox {
//   :global {
//     .ant-timeline-item{
//       padding-bottom:60px;
//     }
//     // .ant-timeline-item-tail{
//     //   min-height: 100px;
//     //   padding-bottom: 20px;
//     // }
//     .ant-timeline .ant-timeline-item .ant-timeline-item-content {
//       display: inline-block !important;
//       padding: 10px 20px !important;
//       // background: red !important;
//       border-radius: 5px !important;
//     }
//     .ant-timeline-item-left .ant-timeline-item-content {
//       width: auto !important;
//       position: absolute;
//       &::after {
//         content: '';
//         top: 6px;
//         position: absolute;
//         width: 0;
//         left: -8px;
//         height: 0;
//         // border-right: 6px solid red;
//         border-top: 6px solid transparent;
//         border-bottom: 6px solid transparent;
//       }
//     }
//     .ant-timeline-item-right .ant-timeline-item-content {
//       width: auto !important;
//       position: absolute;
//       left: 50%;
//       transform: translateX(calc(-100% - 20px));
//       &::after {
//         content: '';
//         top: 6px;
//         position: absolute;
//         width: 0;
//         right: -8px;
//         height: 0;
//         border-left: 6px solid red;
//         border-top: 6px solid transparent;
//         border-bottom: 6px solid transparent;
//       }
//     }
//   }
// }
